<!--The content below is only a placeholder and can be replaced.-->
<h1>
  {{ title }}
</h1>
<div class="example-container">
  <nav mat-tab-nav-bar>
    <a mat-tab-link
      [routerLink]="dashBoardUrl"
      routerLinkActive #rla="routerLinkActive"
      [active]="rla.isActive">
      Dashboard
    </a>
    <a mat-tab-link 
      [routerLink]="booksUrl"
      routerLinkActive #rla2="routerLinkActive"
      [active]="rla2.isActive"
    >
      Book List
    </a>
  </nav>
</div>

<router-outlet></router-outlet>
<app-messages></app-messages>

